// 主题

// 浅色模式
export const lightTheme = {
  '--main-color': '#2983FD', // 系统主色调 蓝色（按钮，开关，单选框，多选框背景色，边框线，文字色等）
  '--main-color-dark': '#146FEA', // 系统主题色 深色模式
  '--text-color-1': '#303133', // 一级文字,单色图标颜色
  '--text-color-2': '#606266', // 二级文字,单色图标颜色
  '--text-color-3': '#909399', // 三级文字,单色图标颜色
  '--text-color-4': '#C0C4CC', // 四级文字,单色图标颜色
  '--bg-color': '#F6F7FB', // 页面背景色
  '--bg-light-color': '#FFFFFF', // 页面浅色背景色
  '--bg-dark-color': '#F2F3F5', // 页面深色背景色
  '--line-dark-color': '#DEDFE3', // 分割线-深
  '--line-color': '#F2F3F5', // 分割线-浅
  '--tag-check-color': '#E8EFFA', // 标签-选中-背景色
  '--tag-color': '#EBEDF0', // 标签-未选中-背景色
  '--btn-line-color-2': '#DEDFE3', // 次要按钮边框线
  '--switch-color': '#E5E6EB', // 开关按钮-关
}
// 深色模式
export const darkTheme = {
  '--main-color': '#2983FD', // 系统主色调 蓝色（按钮【背景色，边框色】，开关【开】，单选框，多选框背景色，边框线，文字色等）
  '--main-color-dark': '#146FEA', // 系统主题色 深色模式
  '--text-color-1': '#D1D1D1', // 一级文字,单色图标颜色
  '--text-color-2': '#8C8C8E', // 二级文字,单色图标颜色
  '--text-color-3': '#747577', // 三级文字,单色图标颜色
  '--text-color-4': '#464749', // 四级文字,单色图标颜色
  '--bg-color': '#000000', // 页面背景色
  '--bg-light-color': '#141414', // 页面浅色背景色
  '--bg-dark-color': '#1A1A1A', // 页面深色背景色
  '--line-dark-color': '#1f2022', // 分割线-深
  '--line-color': '#1f2022', // 分割线-浅
  '--tag-check-color': '#162133', // 标签-选中-背景色
  '--tag-color': '#212121', // 标签-未选中-背景色
  '--btn-line-color-2': '#3E3F43', // 次要按钮边框线
  '--switch-color': '#262729', // 开关按钮-关
}
interface UiDataType {
  title: string;
  value: 'light' | 'dark' | 'auto'
  theme: Record<string, string>
}
export const uiData: UiDataType[] = [
  {
    title: '浅色模式',
    value: 'light',
    theme: lightTheme
  },
  {
    title: '深色模式',
    value: 'dark',
    theme: darkTheme
  }
]
